<template>
  <div>
    <h2>Login</h2>
    <span>Message: {{ msg }}</span>
    {{ i }}
    <button @click="add">Add 1</button>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const msg = ref('Welcome')
let i = ref(99) //  int  Integer
//  let i = 100  +  响应式代理代码 =  ref（i）;
// int  i =1 ;
//  Integer  is = new Integer();
// is.value = 1;
// 每一个ref（v） 返回一个对象
// 对象中的value属性是 函数的形参
const add = function () {
  i.value++
}
</script>
